<template>
 <footer>
  TodoFooter:
    <div>合计:{{ list.length }}</div>
    <!-- <div @click="clear">清空任务</div> -->
    <div @click="$emit('clearHandle')">清空任务</div>
  </footer>
</template>
<script>
export default{
    name:'',
    props:{
      list:{
        type:Array,
        // defualt:()=>{
        //   return []
        // }
        default:()=> []// 针对复杂数据类型需要写成函数形式
      }
    },
    data () {
        return {
        }
    },
    created () {
    },
    computed:{
    },
    methods:{
      // clear(){
      //   this.$emit('clearHandle')
      // }
    }
}
</script>
<style lang='less'  scoped>
footer{
  background-color: yellow;
}
 
</style>